.salary-account {
	padding-bottom: 50px;
}
.salary-list a, .mod-user a {
	padding: 12px;
}
.salary-list .avatar, .mod-user .avatar {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	margin-right: 12px;
}
.salary-list .c1, .mod-user .c1 {
	-webkit-flex: 1;
	flex: 1;
}
.salary-list span, .mod-user span {
	display: block;
}
.salary-list .name, .mod-user .name {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 2px;
}
.salary-list .team, .mod-user .team {
	color: rgb(153, 153, 153);
	line-height: 20px;
}
.salary-list .c2, .mod-user .c2 {
	text-align: right;
	font-size: 12px;
	margin-right: 8px;
}
.salary-list .money {
	color: rgb(124, 134, 153);
	line-height: 24px;
}
.salary-list .money em {
	font-size: 18px;
}
.salary-list .day {
	color: rgb(169, 175, 187);
	line-height: 18px;
}
.salary-list li:not(:last-child)::after {	
	left: 68px;
}
.salary-count {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	padding: 8px 12px;
	box-sizing: border-box;
	overflow: hidden;
}
.salary-count .count {
	float: left;
	line-height: 34px;
	color: rgb(153, 153, 153);
}
.salary-count .count em {
	font-weight: bold;
}
.salary-count .button {
	float: right;
	margin-left: 12px;
}
.salary-view {
	padding-bottom: 50px;
}
.mod-user .c2 {
	color: rgb(153, 153, 153);
}
.mod-user .c2 .title {	
	line-height: 16px;
	margin-bottom: 3px;
}
.mod-user .day {
	font-size: 14px;
	line-height: 20px;
}
.mod-user .day span {
	display: inline-block;
	margin-left: 8px;
	padding-left: 12px;
	position: relative;
}
.mod-user .day span::before {
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	left: 0;
	top: 50%;
	margin-top: -3px;
}
.mod-user .day .s1::before {
	background: rgb(99, 180, 93);
}
.mod-user .day .s2::before {
	background: rgb(242, 106, 75);
}
.weui-cells .total {
	height: 48px;
	line-height: 48px;
	padding: 0 12px;
	color: rgb(124, 134, 153);
	font-size: 12px;
}
.weui-cells .total em {
	font-size: 18px;
	vertical-align: bottom;
}
.weui-cells .total .tip {
	color: #bbb;
	margin-left: 8px;
}
input.money, .weui-cell__bd .money {
	color: #666;
}
.salary-view .note {
	font-size: 16px;
	line-height: 24px;
	/* height: 72px; */
	text-align: justify;	
}
.page-nav {
	position: fixed;
	width: 100%;
	height: 48px;
	line-height: 48px;
	left: 0;
	bottom: 0;
	overflow: hidden;
	text-align: center;
}
.page-nav a {
	padding: 0 12px;
	color: #fa0;
	font-weight: bold;
}
.page-nav a:active {
	opacity: 0.5;
}
.page-nav .btn_pre {
	float: left;
}
.page-nav .btn_nxt {
	float: right;
}
.page-nav .page {
	font-size: 16px;
	color: #666;
}
.unit-select {
	padding: 0 14px 0 12px;
	position: relative;
}
.unit-select select {
	-webkit-appearance: none;
	border: none;
	outline: none;
	font-size: 14px;
	color: #bbb;	
	height: 24px;
	line-height: 24px;
	background: #fff;
}
.unit-select::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	background: #e5e5e5;
	left: 0;
	top: 0;
	-webkit-transform: scale3d(0.5, 1, 1);
	transform: scale3d(0.5, 1, 1);
}
.unit-select::after {
	content: "";
	border-width: 5px 4px 0;
	border-style: solid;
	border-color: #bbb transparent transparent;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -2px;
}
.salary-set .tip_1 {
	font-size: 14px;
	line-height: 20px;
	color: #bbb;
	padding: 8px 12px 16px;
}
.salary-set h2 {
	height: 48px;
	line-height: 48px;
	padding: 0 12px;
	font-size: 16px;
	font-weight: normal;
}
.salary-set h2 + .weui-cells {
	margin-top: 0;
}

/* approval detail */
.approval-detail {
	background: #fff;
}
.approval-detail .flow {
	padding: 16px 12px 16px 125px;
	position: relative;
	overflow: visible;
}
.approval-detail .flow::after {
	left: 125px;
}
.approval-detail .flow:last-child::before, .approval-detail .flow:last-child::after {
	display: none;
}
.flow h2 {
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;	
}
.flow .note {
	font-size: 12px;
	line-height: 18px;
	color: #999;
	margin-top: 4px;
	text-align: justify;
}
.flow .time {
	position: absolute;
	left: 12px;
	top: 16px;
	color: #999;
	text-align: right;
}
.flow .time span {
	display: block;
}
.flow .time span:first-child {
	line-height: 20px;
}
.flow .time span:last-child {
	font-size: 12px;
	line-height: 18px;
	opacity: 0.7;
}
.approval-detail .flow::before {
	content: "";
	width: 2px;
	height: 100%;
	background: #efefef;
	position: absolute;
	left: 104px;
	top: 24px;
}
.flow .state {
	position: absolute;
	width: 16px;
	height: 16px;
	left: 97px;
	top: 16px;
}
.flow .s0 {
	background-position: -42px -666px;
}
.flow .s1 {
	background-position: 0 -666px;
}
.flow .s2 {
	background-position: -21px -666px;
}

/* select approver */
.select-approver .tag {
	display: inline-block;
	min-width: 50px;
	height: 16px;
	border-radius: 1px;
	line-height: 16px;
	padding: 0 8px;
	box-sizing: border-box;
	text-align: center;
	font-size: 10px;
	color: #fff;
	margin-left: 8px;
	vertical-align: middle;	
}
.select-approver .tag_1 {
	background: #f56433;
}
.select-approver .tag_2 {
	background: #939aa8;
}

/* salary detail */
.salary-detail {
	padding: 210px 0 60px;
}
.salary-detail .top {
	/*position: fixed;*/
	width: 100%;
	left: 0;
	top: 0;
	z-index: 99;
	/*background: -webkit-linear-gradient(top, #F6B579, #DE726E);
	background: linear-gradient(top, #F6B579, #DE726E);*/
	background: url(../imgs/paytop.png);
	background-size: 350px auto;
}
.salary-detail .top .info {
	padding: 30px 0 24px;
	position: relative;
	text-align: center;	
}
.salary-detail .top .state {
	/*position: absolute;
	right: 12px;
	top: 12px;*/
	color: rgb(255, 251, 239);
	line-height: 20px;
	text-shadow: 0 0 1px rgb(206, 172, 167);
}
.salary-detail .top .state .bg_sprite {
	width: 16px;
	height: 16px;
	/*float: left;*/
	margin: 0px 6px -2px 0;
}
.salary-detail .top .s0 .bg_sprite {
	background-position: -42px -687px;
}
.salary-detail .top .s1 .bg_sprite {
	background-position: 0 -687px;
}
.salary-detail .top .s2 .bg_sprite {
	background-position: -21px -687px;
}
.salary-detail .top .s3 .bg_sprite {
	background-position: -63px -687px;
}
.salary-detail .top .money {
	font-size: 36px;
	line-height: 42px;
	color: rgb(255, 249, 228);
}
.salary-detail .top .money span {
	display: inline-block;
	vertical-align: middle;
}
.salary-detail .top .money .bg_sprite {
	width: 20px;
	height: 20px;
	margin-right: 12px;
	background-position: 0 -708px;
}
.salary-detail .time-range {
	font-size: 12px;
	line-height: 16px;
	color: rgb(255, 249, 228);
	position: relative;
}
/*.salary-detail .time-range::before, .salary-detail .time-range::after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
}*/
.salary-detail .time-range::before {
	margin-right: 12px;
}
.salary-detail .time-range::after {
	margin-left: 12px;
}
.salary-detail .timeline {
	padding: 10px 10px 10px 120px;
	position: relative;
	/*background: -webkit-linear-gradient(to right, rgba(244, 201, 162, 0.2), rgba(232, 121, 117, 0.2));
	background: linear-gradient(to right, rgba(244, 201, 162, 0.2), rgba(232, 121, 117, 0.2));*/
	background-color: #D86D5D;
	color: rgb(255, 241, 207);
}
.timeline p {
	font-size: 13px;
	line-height: 19px;
	margin-bottom: 7px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.timeline .more {
	display: inline-block;
	width: 60px;
	height: 22px;
	border: 1px solid rgba(255, 241, 207, 0.5);
	box-sizing: border-box;
	text-align: center;
	line-height: 20px;
	font-size: 13px;
	color: rgb(255, 241, 207);
	border-radius: 2px;
}
.timeline .more:active {
	opacity: 0.5;
}
.timeline .time {
	position: absolute;
	left: 12px;
	top: 10px;
	text-align: right;
}
.timeline .time span {
	display: block;
}
.timeline .time span:first-child {
	line-height: 20px;
	font-weight: bold;
}
.timeline .time span:last-child {
	font-size: 12px;
	line-height: 18px;
	opacity: 0.7;
}
.salary-detail .timeline::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	background: rgba(255, 241, 207, 0.4);
	left: 104px;
	top: 20px;
}
.timeline .dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: rgb(255, 241, 207);
	position: absolute;
	left: 101px;
}
.timeline .d1 {
	top: 16px;
	box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.timeline .d2 {
	top: 43px;
}
.salary-detail .footerBtn {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 99;
}
.salary-detail .footerBtn a {
	-webkit-flex: 1;
	flex: 1;
	text-align: center;
	height: 50px;
	line-height: 50px;
	color: #999;
	position: relative;
}
.salary-detail .footerBtn .bg_sprite {
	width: 16px;
	height: 16px;
	margin-right: 6px;
	vertical-align: -3px;
}
.salary-detail .footerBtn .icon_1 {
	background-position: 0 -733px;
}
.salary-detail .footerBtn .icon_2 {
	background-position: -21px -733px;
}
.salary-detail .footerBtn .icon_3 {
	background-position: 0 -754px;
}
.salary-detail .footerBtn a::after {
	content: "";
	width: 1px;
	height: 30px;
	background: #e5e5e5;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -15px;
	-webkit-transform: scale3d(0.5, 1, 1);
	transform: scale3d(0.5, 1, 1);
}
.salary-detail .footerBtn a:last-child::after {
	display: none;
}
.salary-detail .footerBtn .edit {
	color: #fa0;
}
.salary-detail .footerBtn .edit .bg_sprite {
	width: 17px;
	height: 17px;
	margin-right: 8px;
	vertical-align: -2px;
}
